@import "../css/constants";
@import "../css/mixins";

.croppers-wizard-info {
	color: white;
	padding: 50px 80px;
	&__name {
		margin-bottom: 24px;
		font-size: 24px;
	}
	&__property-title {
		font-size: 16px;
		opacity: 0.8;
		margin-bottom: 6px;
	}
	&__property {
		margin-bottom: 24px;
	}
	&__features {
		display: flex;
		flex-wrap: wrap;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	&__feature {
		padding: 2px 8px;
		background: #424242;
		font-size: 12px;
		color: white;
		display: inline-block;
		border-radius: 5px;
		margin-right: 16px;
		margin-bottom: 16px;
	}
	@include small-mobile() {
		padding-left: 40px;
		padding-right: 40px;
	}
}
